.yakit-popover-wrapper{
    :global{
        .ant-popover-title{
            padding: 8px 12px 8px 12px;
            line-height: 16px;
            color: var(--Colors-Use-Neutral-Text-1-Title);
            border-bottom: 1px solid var(--Colors-Use-Neutral-Border);
        }
        .ant-popover-inner-content{
            color: var(--Colors-Use-Neutral-Text-1-Title);
        }
    }
}
.yakit-popover-top-wrapper {
    :global {
        .ant-popover-arrow {
            bottom: 1px;

            .ant-popover-arrow-content {
                border: 1px solid var(--Colors-Use-Neutral-Border);
                background-color: var(--Colors-Use-Basic-Background);
            }

            .ant-popover-arrow-content::before {
                opacity: 0;
            }
        }
    }
}

.yakit-popover-left-wrapper {
    :global {
        .ant-popover-arrow {
            right: 1px;

            .ant-popover-arrow-content {
                border: 1px solid var(--Colors-Use-Neutral-Border);
                background-color: var(--Colors-Use-Basic-Background);
            }

            .ant-popover-arrow-content::before {
                opacity: 0;
            }
        }
    }
}

.yakit-popover-right-wrapper {
    :global {
        .ant-popover-arrow {
            left: 1px;

            .ant-popover-arrow-content {
                border: 1px solid var(--Colors-Use-Neutral-Border);
                background-color: var(--Colors-Use-Basic-Background);
            }

            .ant-popover-arrow-content::before {
                opacity: 0;
            }
        }
    }
}

.yakit-popover-bottom-wrapper {
    :global {
        .ant-popover-arrow {
            top: 1px;

            .ant-popover-arrow-content {
                border: 1px solid var(--Colors-Use-Neutral-Border);
                background-color: var(--Colors-Use-Basic-Background);
            }

            .ant-popover-arrow-content::before {
                opacity: 0;
            }
        }
    }
}